<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>005-img图像</title>
	</head>
	<body>
		<!-- 【定义图像】 -->
		<!--
		为图片指定宽高，是一个好习惯，这样页面加载时会保留指定的尺寸位置，如果没有只能可能会破坏HTML页面的整体布局。
		指定图片只需要指定宽或者高即可，不需要同时指定，因为指定了一边后，宽或高会等比例缩放，不会破坏图片展示效果。
		-->
		<img src="" alt="图片未找到" width="200" height="200" />

		<!--
    有用的提示：
    假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，
    所以我们的建议是：慎用图片。可以使用 Base64编码的图片 或 可视区域懒加载图片 等方式来优化。
    -->
	</body>
</html>
